<!DOCTYPE html>
<html lang="en"  xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<div th:fragment="top">
    <link rel="stylesheet" href="/static/index/css/GL.css">
    <!--头部-->
    <div class="header_head">
        <div class="header_head_box">
            <a href="http://cloudmall.com" class="img"><img src="/static/index/img/logo.jpg" /></a>
            <b class="header_head_p">
                <a href="/static#">
                    <img src="/static/index/img/img_05.png" style="border-radius: 50%;"/>
                    <!--<span class="glyphicon glyphicon-map-marker"></span>-->
                    北京</a>
                <div class="header_head_p_cs">
                    <a href="/static#" style="background: #C81623;color: #fff;">北京</a>
                    <a href="/static#">上海</a>
                    <a href="/static#">天津</a>
                    <a href="/static#">重庆</a>
                    <a href="/static#">河北</a>
                    <a href="/static#">山西</a>
                    <a href="/static#">河南</a>
                    <a href="/static#">辽宁</a>
                    <a href="/static#">吉林</a>
                    <a href="/static#">黑龙江</a>
                    <a href="/static#">内蒙古</a>
                    <a href="/static#">江苏</a>
                    <a href="/static#">山东</a>
                    <a href="/static#">安徽</a>
                    <a href="/static#">浙江</a>
                    <a href="/static#">福建</a>
                    <a href="/static#">湖北</a>
                    <a href="/static#">湖南</a>
                    <a href="/static#">广东</a>
                    <a href="/static#">广西</a>
                    <a href="/static#">江西</a>
                    <a href="/static#">四川</a>
                    <a href="/static#">海南</a>
                    <a href="/static#">贵州</a>
                    <a href="/static#">云南</a>
                    <a href="/static#">西藏</a>
                    <a href="/static#">陕西</a>
                    <a href="/static#">甘肃</a>
                    <a href="/static#">青海</a>
                    <a href="/static#">宁夏</a>
                    <a href="/static#">新疆</a>
                    <a href="/static#">港澳</a>
                    <a href="/static#">台湾</a>
                    <a href="/static#">钓鱼岛</a>
                    <a href="/static#">海外</a>
                </div>
            </b>
            <ul>
                <li th:if="${session.loginUser==null}">
                    <a href="http://sso.cloudmall.com/login.html">你好，请登录</a>
                </li>
                <li th:if="${session.loginUser!=null}">
                    <a>亲，[[${session.loginUser.nickname}]],欢迎你！</a>
                </li>
                <li th:if="${session.loginUser==null}">
                    <a href="http://sso.cloudmall.com/register.html" class="li_2">免费注册</a>
                </li>
                <span>|</span>
                <li>
                    <a href="http://member.cloudmall.com/home.html">我的订单</a>
                </li>


            </ul>
        </div>
    </div>
    <!--搜索导航-->
    <div class="header_sous">
        <div class="header_form">
            <input id="searchText" type="text" placeholder="" />
            <span style="background: url('/static/index/img/img_12.png') 0 -1px;"></span>
            <!--<button><i class="glyphicon"></i></button>-->
            <a href="javascript:search();" ><img src="/static/index/img/img_09.png"  /></a>
        </div>
        <div class="header_ico">
            <div class="header_gw">
                <img src="/static/index/img/img_15.png" />
                <span><a href="http://cart.cloudmall.com/cart.html">我的购物车</a></span>
                <span>0</span>
            </div>
            <div class="header_ko">
                <p>购物车中还没有商品，赶紧选购吧！</p>
            </div>
        </div>
        <div class="header_form_nav">
            <ul>
                <li>
                    <a href="/static#" class="aaaaa">满999减300</a>
                </li>
                <li>
                    <a href="/static#">金立S11</a>
                </li>
                <li>
                    <a href="/static#">农用物资</a>
                </li>
                <li>
                    <a href="/static#">保暖特惠</a>
                </li>
                <li>
                    <a href="/static#">洗衣机节</a>
                </li>
                <li>
                    <a href="/static#">七度空间卫生巾</a>
                </li>
                <li>
                    <a href="/static#">自动波箱油</a>
                </li>
                <li>
                    <a href="/static#">超市</a>
                </li>
            </ul>
        </div>
        <nav>
            <ul>
                <li>
                    <a href="/static#">秒杀</a>
                </li>
                <li>
                    <a href="/static#">优惠券</a>
                </li>
                <li>
                    <a href="/static#">闪购</a>
                </li>
                <li>
                    <a href="/static#">拍卖</a>
                </li>
            </ul>
            <div class="spacer">|</div>
            <ul>
                <li>
                    <a href="/static#">服饰</a>
                </li>
                <li>
                    <a href="/static#">超市</a>
                </li>
                <li>
                    <a href="/static#">生鲜</a>
                </li>
                <li>
                    <a href="/static#">全球购</a>
                </li>
            </ul>
            <div class="spacer">|</div>
            <ul>
                <li>
                    <a href="/static#">金融</a>
                </li>
            </ul>
        </nav>
        <div class="right">
            <a href="/static#"><img src="/static/index/img/img_21.png" /></a>
        </div>
    </div>

    <script type="text/javascript">
        function search() {
            var keyword=$("#searchText").val()
            window.location.href="http://search.cloudmall.com/list.html?keyword="+keyword;
        }

    </script>

</div>
</body>
</html>
